<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!--方式一：内嵌方式,对当前页面所有符合选择器的标签有效果-->
        <style type="text/css">
            div{
                color:green;
            }

        </style>

        <!--
            方式三:外部引入的方式，对引入该样式的页面有效
            link的方式(推荐)
            @import的方式

        -->
        <link rel="stylesheet" href="./css/02.css">

        <!--<style>-->
            <!--@import "./css/02.css";-->
        <!--</style>-->
    </head>
    <body>
        <div>div01</div>
        <div>div02</div>
        <div>div03</div>
        <div>div04</div>
        <p>p01</p>

        <!--方式二:行内样式，只对当前设置改样式的标签有效-->
        <p style="color:yellow;font-size:40px;">p02</p>
        <p>p03</p>
        <h1>h1</h1>
        <h3>h3</h3>
        <h3>h3</h3>
        <h3>h3</h3>
        <h3>h3</h3>
        <h5>h5</h5>
    </body>
</html>